{% load googleanalytics_tags fb_versions %}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>{% block title %}Festival Internationnal de Musique Universitaire - les 21, 22, 23 et 24 mai 2010, 24e édition du FIMU{% endblock %}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="google-site-verification" content="BmxiHMRWgrhn3sbCUMpTGK9WU-himXthrqkcMaYwEFc" />
    <link rel="alternate" type="application/rss+xml" title="FIMU RSS" href="http://www.fimu.com/nouvelles.xml" />
    <link rel="shortcut icon" href="/medias/images/favicon.ico" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" media="all" href="/medias/css/complement.css" />
    <link type="text/css" rel="stylesheet" media="all" href="/medias/css/styles.css" />
    <script type="text/javascript" src="/medias/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
      $(function(){
          $('#slider img:gt(0)').hide();
          setInterval(function(){$('#slider :first-child').fadeOut().next('img').fadeIn().end().appendTo('#slider');}, 3000);
      });

    </script>

    {% block css %}{% endblock %}
    {% block jscript %}{% endblock %}
  </head>
  <body>
    <div id="container">
      <!-- header -->
      <div id="main_image">
	  <div id="tweets">
	    {% for tweet in tweets %}
	    <div class="tweet">
	      <a href="http://twitter.com/{{tweet.user}}"><img src="{{ tweet.avatar }}" alt="{{ tweet.user }}" title="{{ tweet.user }}" /></a>
	      <p>{{ tweet.text|safe }}</p>
	      <p class="notes">@<a href="http://twitter.com/{{tweet.user}}">{{ tweet.user }}</a> le {{ tweet.date|date:"d/m/Y \à H:i"}} depuis {{ tweet.source|safe }}</p>
	      <br class="clear" />
	    </div>
	    {% endfor %}
	    <p class="links"><a href="{{ tweets_url }}">Voir tous les tweets parlant du FIMU</a></p>
	  </div>
	  <div id="diaporama">
	    <div id="slider">
	      {% for photo in photos %}
	      <img src="{% version photo 'small' %}" />
	      {% endfor %}
	    </div>
	  </div>
	  <div class="content">
	    21-22-23 et 24 mai 2010	  
	  </div>
      </div>

      <div id="main_menu">
	<div class="content">
	  <ul class="nice-menu nice-menu-down" id="nice-menu-1">
	    {% for section in sections %}
	    <li id="menu-{{ section.id }}" class="menuparent"><a href="{{ section.path }}" title="{{ section.title }}" class="active"> {{ section.titleTop }}</a>
	      {% if section.subsections %}
	      <ul>
		{% for subsection in section.subsections %}
	        <li id="menu-{{ section.id }}"><a href="{{subsection.path}}" title="{{subsection.title}}">{{subsection.titleLeft}}</a></li>
		{% endfor %}
	      </ul>
	      {% endif %}
	    </li>
	    {% endfor %}
	  </ul>
	</div>			 
      </div>
	    
      <div id="main_text">
	<div class="content">
	  {% block content %}
	  <h2 class="title"><a href="/">Accueil</a></h2>
	  <p>Exemple</p>
	  {% endblock %}
	  <div style="clear: both;"></div>
      </div>

      <div class="contact">      
	<hr/>
	<p>Pour plus d'infos - Tél: 03 84 54 25 81 - Fax: 03 84 54 26 57 - <a href="/contact/">Contactez-nous</a></p>
	{% if IS_ADMIN %}<p style="text-align:center;">{% block admin %}<a href="/admin/">Administration</a>{% endblock %}</p>{% endif %}
      </div>
    </div>
    {% googleanalytics %}
  </body>
</html>
